<template>
	<!-- 待收货 -->
	<view class="received">
		<!-- 有数据 -->
		<view class="ddd" v-show="array3.length">
			<view class="orderinfo">
				<view class="orderlists">
					<view class="oredetime">
						<view class="goodstop">
							<u-icon name="home" size="24px"></u-icon>
							<text>欧莱雅旗舰店</text>
						</view>
						<view class="timestitle">待收货</view>
					</view>

					<view class="goodsinfo">
						<view class="image">
							<u--image width="80px" height="80px"></u--image>
						</view>

						<view class="goodsname">
							珀莱雅水动力护肤品套装力护肤品套装
						</view>
						<view class="goodsprice">
							<view>￥129.00</view>
							<text>x2</text>
						</view>
					</view>

					<view class="total">
						<view class="totalprice">
							共1件商品， 总金额：
							<text>¥150.00</text>
						</view>
					</view>
					<view class="paymentsclick">
						<button class="paymentsbtn2" @click="getrece">
							查看详情
						</button>
					</view>
				</view>
			</view>
			<view style="text-align: center;margin-top: 30px;">
				我也是有底线的
			</view>
		</view>
		<view class="orderListInfo" v-show="!array3.length">
			<!-- 暂无订单 -->
			<u--image
				width="100vw"
				height="400px"
				src="https://img.ixintu.com/download/jpg/20210408/bff28269f495ba2cdf07375741baf926_800_800.jpg!con"
			></u--image>
			<view class="error">暂无订单.......</view>
		</view>
	</view>
</template>

<script>
import {getreceived} from "../../network/order.js";
export default {
	data() {
		return {
			array3: []
		};
	},
	async created() {
		let res = await getreceived();
		console.log("待收货", res);
		//this.array=res.data.list
	},
	methods: {
		getrece() {
			uni.navigateTo({
				url: "/pages/orderinfo/rece"
			});
		}
	}
};
</script>

<style lang="scss">
.orderlists {
	margin-top: 20px;
	background-color: white;
	padding: 10px;
	.oredetime {
		display: flex;
		height: 40px;
		line-height: 40px;
		text-align: center;
		border-bottom: 1px solid #ccc;
		.times {
			flex: 1;
			text-align: left;
			font-family: 16px;
		}
		.timestitle {
			text-align: right;
			flex: 1;
			font-family: 16px;
			color: red;
		}
		.goodstop {
			display: flex;
		}
	}
	.goodsinfo {
		display: flex;
		text-align: center;
		padding: 20px;
		.image {
			flex: 1;
		}
		.goodsname {
			flex: 3;
			font-size: 14px;
			padding: 0px 3px;
		}
		.goodsprice {
			flex: 1;
			font-size: 14px;
			color: #dedede;
		}
	}
	.totalprice {
		padding: 20px 0px;
		text-align: right;
		text {
			color: red;
		}
	}
	.paymentsclick {
		display: flex;

		.paymentsbtn2 {
			background-color: red;
			border-radius: 25px;
			line-height: 30px;
			font-size: 14px;
			height: 30px;
			color: white;
			text-align: center;
			margin-left: 220px;
		}
	}
}
</style>
